<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" href="index.css">
</head>
<body>
	<div class="box">
	<!-- 头部 -->
		<header class="header">
			<div class="header-1">
				<div class="logo">
					<img src="images/logo.gif" alt="haha">
				</div>
				<div class="zhuti">
					<ul>
						<li>主题站</li>
						<li>专栏</li>
						<li>活动</li>
						<li>招聘</li>
						<li class="huati">话题</li>
					</ul>
				</div>
				<div class="tougao">
					<a href="#" >投稿</a>
					<a href="#" >登录</a>
					<input type="button" class="zhuce" value="注册"> 
				</div>
				<div class="shuru">
					<label for="wenben"></label>
					<input type="text" class="neirong" id="wenben" placeholder="输入您要搜索的内容...">
				</div>
			</div>
		</header>
			<div style="width:0; height:0; clear:both;"></div>
			<!-- 正文 -->
		<div class="box1">
			<div class="box1a">
				<div class="box1a-1">
					<img src="images/tu1.png" alt="haha">
					<span class="box1a-1a">独家合辑</span>
				</div>
				<div class="box1a-2">
					<div class="box1a-2a">
						<div class="box1a-2aa">
							<span class="sp1">懒人周报</span>
							<span class="sp1">东京特辑</span>
							<span class="sp1">设计商店</span>
							<span class="sp1">精致小物</span>
							<span class="sp2">编辑精选</span>
						</div>
						<h1 class="b-1">别在樱木向晴子挥手的平交道逗留太久，更好的风景和故事在下一站</h1>
						<div class="box1a-2ab">
							<span class="zhuanwen">撰文</span>
							<span class="yaoyao">摇摇冻</span>
							<span class="shiqi">2017-01-21 19:28:08</span>
							<img src="images/tu2.png" alt="haha">
							<span class="shuzi shuzi2">2702 |</span>
							<img src="images/tu3.png" alt="haha">
							<span class="shuzi shuzi2">4 |</span>
							<img src="images/tu4.png" alt="haha">
							<span class="shuzi ">1</span>
						</div>
						<p class="wen">文/摇摇冻@TOPYS</p>
						<p class="wen">头图设计/Ayuu@TOPYS</p>
						<p class="wen">编辑/TOPYS编辑部</p>
						<p class="topys">素材来源/TOPYS</p>
						<p class="wen wen1">能坐就不站能躺就不坐的TOPYS懒癌编辑们，这一次终于迈开双脚，远渡重洋，踏上设计之都东京，展开为期一周的年度东京深度游，透过自己的双眼（和镜头）看创意世界。</p>
						<p class="wen wen1">在逛吃逛吃的同时，也不忘从岛国为你们搜罗来了新鲜热辣的旅途见闻，创意资讯。大到设计商店，小至精致小物，虽然很多之前就在我们网站“见过面”，这一次却是真正看见，还是成功引起了见多识广（哪怕是纸上谈兵）的我们注意。</p> 
						<p class="wen wen1">双手奉上岁末最后一期懒人周报东京特辑，提前恭祝大家新春快乐！</p>
					</div>
					<div class="box1a-2b">
						<div class="box1a-2bA">
							<div class="img1"><img src="images/email.png" alt="haha"></div>
							<span>+ 关注</span>
						</div>
						<div class="img2">
								<img src="images/tu2.jpg" alt="haha" class="xxy">
								<img src="images/tu5.png" alt="haha" class="xxy2">
						</div>
						<div class="img3">
							<a href="#" class="yadong">摇摇冻</a>
							<a href="#" class="putong">普通用户</a> </span>
						</div>
						<div class="img4">
							<img src="images/tu6.png" alt="haha">
							<span>广东 深圳</span>
							<img src="images/tu7.png" alt="haha">
							<span>文案/编辑/写作</span>
						</div> 
						<div class="img5">不元气少女</div>
					</div >
					<div class="box1a-2c">
						<div class="kuan">
							<p class="p-1">最新评论</p>
							<hr>
							<div>
								<div class="box1a-2ca">
									<img src="images/tu-8.png" alt="haha">
									<span>smidar</span>
									<span class="xiaoshi">22小时前</span>
								</div>
								<div class="box1a-2cb">		
									平生不识尼克杨，打烂篮筐也惘然
								</div>
								<div>
									<span class="pinglun">评论于</span>
									<span  class="gei">给甲方提案时，对方是不是一脸尼克杨？</span>
								</div>
							</div>
							<div>
								<div class="box1a-2ca">
									<img src="images/tu-8.png" alt="haha">
									<span>smidar</span>
									<span class="xiaoshi">22小时前</span>
								</div>
								<div class="box1a-2cb">		
									平生不识尼克杨，打烂篮筐也惘然
								</div>
								<div>
									<span class="pinglun">评论于</span>
									<span  class="gei">给甲方提案时，对方是不是一脸尼克杨？</span>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	
</body>
</html>